<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>字符串扩展-模板字符串</title>
</head>
<body>
  <script>
    let str = '<a href="https://www.baidu.com/" title="百度">百度</a>';
    //document.write()是写入到页面中，ln是换行的意思
    document.writeln(str);
    
    //在模板字符串中不用关心单双引号嵌套问题
    let str1 = `<a href="https://www.baidu.com/" title='百度'>百度</a>`;
    document.write(str1);


    const {name,word1,word2} = {name:'柯镇恶',word1:'恶贼休走，看我要你的狗命',word2:'要杀便杀，不必多言'};
    let str2 = '大侠' + name + '出场语：'+ word1 + '。10秒后：' + word2;
    console.log(str2);

    //在模板字符串中 输出变量可以使用 ${变量名} 的形式,不用使用加号（+）进行拼接了
    let str3 = `大侠${name}出场语：${word1}。10秒后：${word2}`;
    console.log(str3);

    //在模板字符串中不用担心换行问题
    let str4 = `鲸鱼死后会沉入海底，生物学家称该过程为鲸落；
    使用模板字符串，此刻换行不会有问题,
    鲨鱼死后也会沉入海底，生物学家称该过程为鲨掉；`;
    console.log(str4);
  </script>
</body>
</html>